<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 由于vue实例对象挂载到app表示的dom节点，所以vue实例对象身上定义的数据和方法就可以在这个dom
    节点内部使用（在外部不可使用） -->
    <div id="app">
        
    </div>
    <!-- 这个js文件对外暴露了一个vue构造函数
    我们可以使用vue构造函数实例化vue对象 -->
    <script src="./vue-2.5.21.js"></script>
    <script>
        
        //实例化Vue对象
        var v=new Vue({
            //这个位置放置vuejs规定的一些选项（这些选项的名字是固定的。不能重复写方法。选项是可选的）
            el:'#app',//el表示vue实例挂载的dom节点
            data:{},//也可以写成一个函数，data定义响应式数据
            // data:function(){return{}}//使用函数的写法，可以在实例化对象时生成一个新的数据
            computed:{},//定义计算属性
            watch:{},//定义数据监听
            methods:{},//定义方法（函数）
            filters:{},
            directives:{},//定义自定义指令
            components:{},//注册局部组件
        })
        //我们接下来使用vesjs框架的声明式编程语法，实现数据驱动视图的更新


    </script>
</body>
</html>